<?php
    include_once('session_clientes.php');
    $id_cliente = $_SESSION['id_cliente'];
    require_once('php/class/calendarios.class.php');
    $oCalendario = new calendario();
    $las_fechas = @$oCalendario->buscar($id_cliente);
    
    if($las_fechas==0){
	$tabla = "No hay nada que ver...";
    }else{
	$tabla = "<table class='reporte' width='100%'>";
	$tabla .= "<tr>
	<th>Fecha</th>
	<th>Motivo</th>
	<th>Borrar</th>
	</tr>";
	$color = "#000000";
	    for($i=0;$i<count($las_fechas['ID']);$i++){
		    
		   
		    
		    //fecha
		    $fecha = $las_fechas['FECHA'][$i];
			$dia = substr($fecha,8,2);
			$mes = substr($fecha,5,2);
			$ano = substr($fecha,0,4);
			$fecha_cal = $dia."-".$mes."-".$ano;
		    
		    $tabla .= "<tr bgcolor='".$color."'>";
		    $tabla .= "<td>".$fecha_cal."</td>";
		    $tabla .= "<td>".$las_fechas['MOTIVO'][$i]."</td>";
		    $tabla .= "<td><a href='#' onClick='borrar(".$las_fechas['ID'][$i].")'><img src='images/menu/delete.png' border=0></a></td></tr>";
		    }
	$tabla .= "</table>";
    }
    
?>
<html>
    <?php include('include.header.html'); ?>
    <body class="bodycliente">
	
        <div id="index" align="center">
	  
	  <form id="frm_bp" name="frm_bp" method="post">
                
                <input type="hidden" id="ACCION" name="ACCION" value="ADD">
                <input type="hidden" id="id_cliente" name="id_cliente" value=<?php echo $id_cliente?>>
                <input type="hidden" id="id" name="id">
		<table class="marco">
			<tr>
				<td height="10%">
				<?php include('menu_clientes.php'); ?>
				</td>
			</tr>
			<tr height="5%">
				<td align="center" valign="button" colspan="2">
				Calendario de fechas especiales
				</td>
			</tr>
			<tr height="5%">
				<td align="center" valign="top" colspan="2">
				<div id="DATO_HIDE" style="display:none" style="width:90%">
				<div id="DATO"></div>
				</div>
				<table width="100%">
					<tr>
					<td width="50%" align="center" valign="top"> <?php echo $tabla?></td>
			<td width="50%" align="center" valign="top">
<!-- FOMULARIO -->
			<table class="formulario">
                <tr>
                    <td>Fecha</td>
                    <td><input type="text" id="fecha" name="fecha" class="date sidebar_preview"></td>
                </tr>
                <tr>
                    <td>Motivo</td>
                    <td><input type="text" id="motivo" name="motivo" class="validate['required','length[1,20]']"></td>
                </tr>
                <tr>
                    <td>Recordar</td>
                    <td>
						<select id="id_recordar" name="id_recordar" class="validate['required']">
						<option value=-1>Seleccione una</option>
						<option value=1>Un día antes</option>
						<option value=3>Tres días antes</option>
						<option value=5>Cinco días antes</option>
						<option value=0>No recordar</option>
						</select>
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <input type="button" value="Cancel" onclick="javascript:window.location='index.php';">
                    </td>
                    <td align="left">
                        <input type="submit" id="submit" name="submit" value="Guardar">
                    </td>
                </tr>
            </table>
			
			</td>
					</tr>
				</table>
				</td>
			</tr>
			<tr>
				
			</tr>
			<tr>
			<td height="10%" valign="bottom" align="center">
			<?php include('footer.php'); ?>
			</td>
			</tr>
		</table>
	  </form>
	  
        </div>
    </body>
    <?php include('include.footer.html'); ?>
    <script>
    ////////////////////////////CALENDARIO////////////////////////////////////////

new DatePicker_WV('.sidebar_preview', {
       pickerClass: 'datepicker_vista',
       inputOutputFormat: 'd-m-Y',
       timePicker: false, 
       format: 'd-m-Y',
       allowEmpty: true
    });
    ///////////////////////////////
    var myCheck;
	myCheck = new FormCheck('frm_bp', {
	  submit:false,
		display:{
			errorsLocation : 1,
			indicateErrors : 2,
			keepFocusOnError : 0,
			closeTipsButton : 1,
			checkValueIfEmpty:1,                
			showErrors : 1
		}
	});		 
 
    $('frm_bp').addEvent('submit',function(ev){
        var IsValid;
       IsValid=myCheck.isFormValid();                                                                          
        if (IsValid){
           
             Ejecutor();
        }    
    });
    ///////////////////////////////
    
     ///////////////////////////////
    
    function borrar(id){
        
	if(confirm("La fecha será eliminada,\n ¿Está de acuerdo?")){
        $('ACCION').value = "DELETE";
        $('id').value = id;
        Ejecutor();
	}
	}
	
	function Ejecutor(){        
        window.addEvent('domready', function() {      	       
    		var req = new Request.JSON({
                method: 'POST',
                url: 'ajax/ajax_fecha_especial_cliente.php', 
                data: $('frm_bp'),                
                noCache:true,                     
                onRequest: function(){
				   $('submit').disabled = true;
                   $('DATO_HIDE').show();
//                   $('DATO').innerHTML = 'Procesando ...'; 
                },
                onComplete: function(){
                    setTimeout(function(){
                        $('DATO_HIDE').fade('out').get('tween').chain(function() {
                            $('DATO_HIDE').hide();
                            $('DATO_HIDE').fade('in');                                                         
                        });
                    },2000);                                                                                                                                                                                                              
                },             
                onSuccess: function(response){
                    switch(parseInt(response.RESULT)){
                        case 0:
                            $('DATO').innerHTML = "Operaci&oacute;n exitosa";  
                            window.location='fechas_especiales_clientes.php';
                            break;
                        case 1:
                            $('DATO').innerHTML = response.ERROR;
                            $('submit').disabled = false;
                            break;
                    }
                }
            }).get();        
       });
    }
    
    </script>
</html>
